<script setup lang="ts">
import {useRouter} from "vue-router";
const props = defineProps<{
  title: string
}>()
const router = useRouter()
const goBack = () => {
  router.back()
}
</script>

<template>
  <div class="page-header">
    <i class="nbicon nbfanhui" @click="goBack()"></i>
    <div class="page-title">{{props.title}}</div>
  </div>
</template>

<style scoped lang="less">
.page-header {
  height: 44px;
  display: flex;
  align-items: center;
  padding: 0 28px;
  .page-title {
    margin: auto;
    font-size: 18px;
  }
}
</style>